.general-basequery-popup {
  padding: 212px 22px 50px;
  background: #fafafa;

  .search-container {
    font-size: 28px;

    .title {
      margin-bottom: 30px;

      .van-button {
        background: transparent;
      }
    }

    .filter-box {
      margin-bottom: 20px;

      .filter-title {
        font-size: 32px;
        height: 32px;
        line-height: 32px;
      }
    }

    .series-attrs-box {
      padding: 0 35px;
      height: 60px;
      background: #dcd8d8;
      border-radius: 5px;
      color: #fff;
      line-height: 62px;
    }

    .box-list {
      .box-item {
        height: 50px;
        line-height: 46px;
        border: 2px solid #1f1f1f;
        margin-right: 8px;
        margin-bottom: 10px;
        padding: 0 10px;
        min-width: 120px;
        // width: 120px;
        text-align: center;
        transition: background 0.2s;
        border-radius: 10px;

        &.active {
          background: #000;
          color: #fff;
        }
      }

      .box-img-item {
        width: 60px;
        height: 60px;
        opacity: 0.4;
        transition: opacity 0.2s;
        margin-right: 8px;
        margin-bottom: 10px;

        > img {
          width: inherit;
        }

        &.active {
          opacity: 1;
        }
      }
    }
  }
}
